<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/searchlist.css">
    <title>1好店 好礼多多 品牌多多 应有尽有</title>
</head>

<body>
    <!-- 快捷导航栏 开始 -->
    <section class="shortcut" id="dingbu">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>1号商店欢迎您! &nbsp;</li>
                    <li><a href="denglv.html" target="blank">请登录 &nbsp;</a></li>
                    <li><a href="zhuce.html" class="style_red" target="blank">免费注册</a></li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li><a href="#">我的订单</a></li>
                    <li class="ll"></li>
                    <li class="arrow-icon">
                        <a href="#">收藏夹</a>
                        <ul class="list_01">
                            <li><a href="#">电影</a></li>
                            <li><a href="#">电视</a></li>
                            <li><a href="#">电脑</a></li>
                            <li><a href="#">键盘</a></li>
                            <li><a href="#">鼠标</a></li>
                        </ul>
                    </li>
                    <li class="arrow-icon">
                        <a href="#">客服服务</a>
                        <ul class="list_02">
                            <li><a href="#">电影</a></li>
                            <li><a href="#">电视</a></li>
                            <li><a href="#">电脑</a></li>
                            <li><a href="#">键盘</a></li>
                            <li><a href="#">鼠标</a></li>
                        </ul>
                    </li>
                    <li class="arrow-icon">
                        <a href="#">网站导购</a>
                        <ul class="list_02">
                            <li><a href="#">电影</a></li>
                            <li><a href="#">电视</a></li>
                            <li><a href="#">电脑</a></li>
                            <li><a href="#">键盘</a></li>
                            <li><a href="#">鼠标</a></li>
                        </ul>
                    </li>
                    <li class="ll"></li>
                    <li class="fr">
                        <a href="#">关注我们：</a>
                        <a href="#" class="s_2">微信</a>
                        <a href="#" class="s_1">新浪</a>
                    </li>
                    <li class="ll"></li>
                    <li>
                        <a href="#">手机版</a>
                        <a href="#" class="s_3">手机</a>
                    </li>
                </ul>

            </div>
        </div>
    </section>
    <!-- 快捷导航栏 结束 -->
    <!-- header 头部 模块 开始-->
    <header class="header w">
        <!-- logo 模块 -->
        <div class="logo">
            <h1>
                <a href="#" title="1号商店">1号商店</a>
            </h1>
        </div>
        <!-- search 模块 -->
        <div class="search">
            <form>
                <input type="search" placeholder="请输入关键字">
                <button><a href="search.html">搜索</a></button>
            </form>
        </div>
        <!-- hotwords 模块 -->
        <div class="hotwords">
            <a href="#" class="style_red">咖啡</a>
            <a href="#">iphone 6S</a>
            <a href="#">新鲜美食</a>
            <a href="#">蛋糕</a>
            <a href="#">日用品</a>
            <a href="#">连衣裙</a>
        </div>
        <!-- 购物车模块 -->
        <div class="shopcar"><a href="etails page.html" target="blank">购物车</a><i class="count">99</i></div>
    </header>
    <!-- header 头部 模块 结束-->
    <!-- nav 模块 开始 -->
    <nav class="nav w">
        <div class="w">
            <div class="dropdown">
                <div class="dt">全部商品分类</div>
            </div>
            <div class="navitems">
                <ul>
                    <li><a href="index.html" target="blank" class="style_red">首页</a></li>
                    <li><a href="searchList.html" class="style_red">自营超市</a></li>
                    <li><a href="#">1号团</a></li>
                    <li><a href="#">1号超市</a></li>
                    <li><a href="#">女装</a></li>
                    <li><a href="#">美妆</a></li>
                    <li><a href="#">1号海购</a></li>
                    <li><a href="#">团购</a></li>
                </ul>
            </div>
            <div class="navlogo"><a href="#"><img src="images/phone.png" alt=""></a></div>
        </div>
    </nav>
    <!-- nav 模块 结束 -->
    <!-- section 模块 开始 -->
    <section class="section w">
        <div class="hd" id="liebiao">
            <i>全部 > 珠宝饰品 > 珍珠项链 ></i>
            <span>品牌：<em class="style_color ">珠韵首饰</em></span>
        </div>
        <div class="bd ">
            <div class="dt"><a href="#"> 品牌：</a></div>
            <ul>
                <li><a href="#" class="style_color ">珠韵首饰/ZHUYUN JEWELLERY</a></li>
                <li><a href="#">施华洛世奇/Swarovski </a></li>
                <li><a href="#">海瞳</a></li>
                <li><a href="#">周大福/CHOW TAI FOOK</a></li>
                <li><a href="#">京润珍珠</a></li>
                <li><a href="#">佰色传情/BRI.R</a></li>
                <li><a href="#">迈姿/Maizi</a></li>
                <li><a href="#">Ginasy Jewelry</a></li>
                <li><a href="#">心鑫圆</a></li>
                <li><a href="#">银斯妮/yin si ni silver</a></li>
                <li><a href="#">迈姿/Maizi</a></li>
                <li><a href="#">Ginasy Jewelry</a></li>
                <li><a href="#">蛟蓓</a></li>
                <li><a href="#">芭比/Barbie</a></li>
                <li><a href="#">珍福祥</a></li>
                <li><a href="#">珍福祥</a></li>
                <li><a href="#"></a></li>
            </ul>
        </div>
        <div class="bd">
            <div class="dt"><a href="#"> 价格：</a></div>
            <ul>
                <li><a href="#">0-199</a></li>
                <li><a href="#" class="style_color">200-399</a></li>
                <li><a href="#">400-599</a></li>
                <li><a href="#">600-899</a></li>
                <li><a href="#">900-1299</a></li>
                <li><a href="#">1300-1399</a></li>
                <li><a href="#">1400以上</a></li>
            </ul>
        </div>
        <div class="bd">
            <div class="dt"><a href="#"> 珍珠颜色：</a></div>
            <ul>
                <li><a href="#">混彩</a></li>
                <li><a href="#">黑色系</a></li>
                <li><a href="#">粉色系</a></li>
                <li><a href="#">白色系</a></li>
                <li><a href="#">金色系</a></li>
                <li><a href="#">紫色系</a></li>
            </ul>
        </div>
        <div class="bd">
            <div class="dt"><a href="#"> 珍珠分类：</a></div>
            <ul>
                <li><a href="#">天然海水珍珠</a></li>
                <li><a href="#">养殖海水珍珠</a></li>
                <li><a href="#">养殖淡水珍珠</a></li>
                <li><a href="#">天然淡水珍珠</a></li>
            </ul>
        </div>
        <div class="dd clearfix" id="sousuo">
            <div class="fll">
                <i></i>
                <input type="text" placeholder="浏览历史" class="style_color">
                <button>清空</button>
            </div>
            <div class="frr">
                <span> <a href="#" class="moren">默认</a></span>
                <span> <a href="#">销量
                        <i><img src="images/i_up.gif" alt=""></i>
                        <em><img src="images/i_down.gif" alt=""></em></a></span>
                <span> <a href="#">价格
                        <i><img src="images/i_up.gif" alt=""></i>
                        <em><img src="images/i_down.gif" alt=""></em></a></span>
                <span> <a href="#">新品</a></span>
            </div>
            <div class="dd_fr">
                <p>共发现120件</p>
            </div>
        </div>
    </section>
    <!-- section 模块 结束 -->
    <!-- product 模块 开始 -->
    <div class="product w clearfix">
        <div class="box_fl">
            <ul>
                <li>
                    <a href="#"><img src="images/his_1.jpg" alt=""></a>
                    <p>Dior/迪奥香水2件套装</p>
                    <span>￥368.00</span>
                </li>
                <li>
                    <a href="#"><img src="images/his_2.jpg" alt=""></a>
                    <p>Dior/迪奥香水2件套装</p>
                    <span>￥368.00</span>
                </li>
                <li>
                    <a href="#"><img src="images/his_3.jpg" alt=""></a>
                    <p>Dior/迪奥香水2件套装</p>
                    <span>￥368.00</span>
                </li>
                <li>
                    <a href="#"><img src="images/his_4.jpg" alt=""></a>
                    <p>Dior/迪奥香水2件套装</p>
                    <span>￥368.00</span>
                </li>
                <li>
                    <a href="#"><img src="images/his_5.jpg" alt=""></a>
                    <p>Dior/迪奥香水2件套装</p>
                    <span>￥368.00</span>
                </li>
            </ul>
        </div>
        <div class="box_fr">
            <ul>
                <li>
                    <a href="#"><img src="images/per_1.jpg" alt=""></a>
                    <span>￥198.00</span>
                    <p><a href="#">海瞳7-8mm水滴形天然珍珠</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_2.jpg" alt=""></a>
                    <span>￥598.00</span>
                    <p><a href="#">佰色传情淡水珍珠项链</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_3.jpg" alt=""></a>
                    <span>￥440.00</span>
                    <p><a href="#">京润 【魅惑】海水珍珠</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_4.jpg" alt=""></a>
                    <span>￥680.00</span>
                    <p><a href="#">心鑫圆 天然珍珠项链淡</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_5.jpg" alt=""></a>
                    <span>￥1980.00</span>
                    <p><a href="#">海瞳 明星款 玛瑙天然淡</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_6.jpg" alt=""></a>
                    <span>￥198.00</span>
                    <p><a href="#">佰色传情 淡水珍珠项链</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_7.jpg" alt=""></a>
                    <span>￥390.00</span>
                    <p><a href="#">7-8mm米形珍珠 加长型</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_8.jpg" alt=""></a>
                    <span>￥2980.00</span>
                    <p><a href="#">珠韵首饰 多色可选(白</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_9.jpg" alt=""></a>
                    <span>￥670.00</span>
                    <p><a href="#">小清新8.5-10.5mm珍珠</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_10.jpg" alt=""></a>
                    <span>￥2198.00</span>
                    <p><a href="#">京润 【简爱】 淡水珍珠</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_11.jpg" alt=""></a>
                    <span>￥5198.00</span>
                    <p><a href="#">海瞳 罕见7-8mm高亮泽</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_12.jpg" alt=""></a>
                    <span>￥212.00</span>
                    <p><a href="#">媲美海水珠 天然浅粉金</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_13.jpg" alt=""></a>
                    <span>￥618.00</span>
                    <p><a href="#">无暇品质(925银玫瑰花</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_14.jpg" alt=""></a>
                    <span>￥260.00</span>
                    <p><a href="#">珍珠吊坠925银镀金 淡</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_15.jpg" alt=""></a>
                    <span>￥198.00</span>
                    <p><a href="#">海瞳 淡水珍珠项链锁骨</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_16.jpg" alt=""></a>
                    <span>￥698.00</span>
                    <p><a href="#">海瞳 淡水珍珠吊坠</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_17.jpg" alt=""></a>
                    <span>￥198.00</span>
                    <p><a href="#">超强光珍珠吊坠项链</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_18.jpg" alt=""></a>
                    <span>￥865.00</span>
                    <p><a href="#">节节高升花生款(玫瑰色</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_19.jpg" alt=""></a>
                    <span>￥198.00</span>
                    <p><a href=" #">佰色传情 编织款珍珠项</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
                <li>
                    <a href="#"><img src="images/per_3.jpg" alt=""></a>
                    <span>￥2198.00</span>
                    <p><a href="#">珠圆玉润 送爱人</a></p>
                    <div><em class="love">收藏</em><i class="car style_color">加入购物车</i></div>
                </li>
            </ul>
        </div>
    </div>
    <!-- product 模块 结束 -->
    <!-- button 模块开始 -->
    <div class="anniu w clearfix" id="dibu">
        <ul>
            <li><a href="#">上一页</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li>...</li>
            <li><a href="#">20</a></li>
            <li><a href="#">下一页</a></li>
        </ul>
    </div>
    <!-- button 模块结束 -->
    <!-- 返回按钮 开始-->
    <div class="luu">
        <div class="luu_1"><a href="#dingbu">返回顶部</a><br /></div>
        <div class="luu_1"><a href="#liebiao">商品列表</a><br /></div>
        <div class="luu_1"> <a href="#sousuo">商品搜索</a><br /></div>
        <div class="luu_1"> <a href="#dibu">返回底部</a><br /></div>
    </div>
    <!-- 返回按钮 结束-->
    <!-- 底部模块 开始 -->
    <footer class="footer">
        <div class="w">
            <div class="mod_hd">
                <ul>
                    <li>
                        <!-- 图标 -->
                        <img src="images/b1.png" alt="">
                        <h5>正品保障</h5>
                        <p>正品行货 放心购买</p>
                    </li>
                    <li>
                        <!-- 图标 -->
                        <img src="images/b2.png" alt="">
                        <h5>满38包邮</h5>
                        <p>满38包邮 免运费</p>
                    </li>
                    <li>
                        <!-- 图标 -->
                        <img src="images/b3.png" alt="">
                        <h5>天天低价</h5>
                        <p>天天低价 畅选无忧</p>
                    </li>
                    <li>
                        <!-- 图标 -->
                        <img src="images/b4.png" alt="">
                        <h5>准时送达</h5>
                        <p>收货时间由你做主</p>
                    </li>
                </ul>
            </div>
            <div class="mod_bd clearfix">
                <dl>
                    <dt><a href="#">新手上路</a></dt>
                    <dd><a href="#">售后流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">订购方式</a></dd>
                    <dd><a href="#">隐私声明</a></dd>
                    <dd><a href="#">推荐分享说明</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">配送与支付</a></dt>
                    <dd><a href="#">货到付款区域</a></dd>
                    <dd><a href="#">配送支付查询</a></dd>
                    <dd><a href="#">支付方式说明</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">会员中心</a></dt>
                    <dd><a href="#">资金管理</a></dd>
                    <dd><a href="#">我的收藏</a></dd>
                    <dd><a href="#">我的订单</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">服务保证</a></dt>
                    <dd><a href="#">退换货原则</a></dd>
                    <dd><a href="#">售后服务保证</a></dd>
                    <dd><a href="#">产品质量保证</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">联系我们</a></dt>
                    <dd><a href="#">网站故障报告</a></dd>
                    <dd><a href="#">购物咨询</a></dd>
                    <dd><a href="#">投诉与建</a>议</dd>
                </dl>
                <dl>
                    <dt><img src="images/er.gif" alt=""></dt>
                    <dd class="dd_2"><img src="images/ss.png" alt=""></dd>
                </dl>
                <dl class="last_dl">
                    <dd><a href="#">新浪微博</a></dd>
                    <dd><a href="#">腾讯微博</a></dd>
                    <dd>服务热线：<br><a class="style_red">400-123-4567</a></dd>
                </dl>
            </div>
            <div class="mod_dd ">
                <p>备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright© 1号店网上超市 2007-2016，All RightsReserved.复制必究
                    , Technical Support: Dgg Group </p>
                <div class="links">
                    <a href="#"><img src="images/b_1.gif" alt=""></a>
                    <a href="#"><img src="images/b_2.gif" alt=""></a>
                    <a href="#"><img src="images/b_3.gif" alt=""></a>
                    <a href="#"><img src="images/b_4.gif" alt=""></a>
                    <a href="#"><img src="images/b_5.gif" alt=""></a>
                    <a href="#"><img src="images/b_6.gif" alt=""></a>
                </div>
            </div>
        </div>
    </footer>
    <!-- 底部模块 结束 -->
</body>

</html>